<template>
  <el-card
    class="card-page"
    style="
      min-height: calc(100vh - 106px);
      border-color: transparent;
    "
    :body-style="bodyStyle"
    v-bind="$attrs"
    shadow="never"
  >
    <slot></slot>
  </el-card>
</template>

<script>
export default {
  name: 'card-page',
  inheritAttrs: false,
  props: {
    bodyStyle: [Object, String],
    default() {
      return {padding: '20px'}
    }
  }
}
</script>